<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/xml" prefix="x"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>G305实验室交流平台</title>
<meta name="Keywords" content="g305">
<meta name="Description" content="g305实验室交流平台">

<script type="text/javascript" src="../../static/jquery/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../static/jquery/js/jquery-ui-1.8.23.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../static/jquery/css/ui-lightness/jquery-ui-1.8.23.custom.css">

<link rel="stylesheet" href="../../static/css/footer.css"
	type="text/css">

<style type="text/css">
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #2B2B2B;
	font: 12px/1.75 Arial, sans-serif, 宋体b8b\4f53;
}
.wraper{
	margin: 0 auto;
}

input[type=text]:focus,input[type=password]:focus,textarea:focus{
	 transition:border linear .2s,box-shadow linear .5s;
	 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
	 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
	 outline:none;
	 border-color:#248ef4;
	 box-shadow:0 0 8px #248ef4;
	 -moz-box-shadow:0 0 8px  #248ef4;;
	 -webkit-box-shadow:0 0 8px #248ef4;
 }
 
.banner {
	border-bottom: 1px solid #C5C5C5;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666;
	height: 36px;
	width: 100%;
	position: fixed;
	_position: absolute;
	z-index: 100;
	padding-bottom:10px;
	top: 0;
	left: 0;
	background-color: #248ef4;
}


.banner-sub {
	text-align:left;
	height: 33px;
	width: 960px;
	position: relative;
	z-index: 21;
	color: #ffffff;
}

.banner-sub li {
	list-style-type: none;
	display: inline;
	float: left;
	margin-right: 5px;
	padding-bottom: 2px;
}
.banner .login{
	font-size: 10px;
	font-weight: normal;
}

.banner-sub span{
	vertical-align:middle;
	display:inline-block;
	height: 20px; 
}
.banner-sub input{
	width: 120px;
	height: 15px; 
	vertical-align: bottom;
	
}
.banner-sub a:link,.banner-sub a:visited{
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
}


.movie {
	margin-top: 36px;
}

.movie img{
	width: 50px;
	height: 50px;
}
.movie .left{
	float: left;
}
.movie .right{
	float: right;
}

.main {
	clear:both;
	
}

.main .main_bar{
	font-size: 24px;
	color: #248ef4;
}
.main .main_sub{
	text-align:center;
	margin: 0 auto;
	width: 400px;
	border: 1px solid  #248ef4;
	vertical-align: middle;
	color: red;
	font-size: 16px;
}

.main_sub a:link,.main_sub a:visited{
	text-decoration: none;
	color: #248ef4;
}


</style>

<!-- 注册页面样式表 -->
<style type="text/css"> 
  	#register{
  		font-size: 16px;
  		margin: 0px;
  		padding: 0px;
  	}
  	#register ul li{
  		 list-style:  none;
  		 height: 50px;
  		 width: 500px;
  		 margin: 0px auto;
  	}
  	#register .errmsg{
  		color: red;
  	}
  	#register .label {
  		display:inline-block;
		width:100px;
		margin-right: 5px;
	}

	#register input{
		display:inline-block;
		width:200px;
		height: 20px; 
		margin-right: 5px;
	}
	#register  .star {
		display:inline-block;
  		font-weight: bold;
  		color: red;
	}	
  </style>
</head>
<body>
	<%
		String err_msg=(String)request.getAttribute("err_msg");
		String email=(String)request.getAttribute("email");
		if(err_msg==null)
			err_msg="";
		if(email==null)
			email="";
	%>
	<div id="wraper">
	
		<div class="banner">
			<div class="banner-sub">
				<form action="/user/login.do" method="post">
					<ul>
						<li>
							<span>邮箱：<input type="text" name="email" class="email"/></span>
						</li>
						<li>
							<span>密码：<input type="password" name="password" class="password"/></span>
						</li>
						<li>
							<span class="login">登录</span>
						</li>
					</ul>
				</form>
			</div>
		</div>
	

			<div class="movie">
				<span class="left"><img alt="G305光环"src="../../static/img/progress_bar.gif" > </span>
				<span class="right"><img  alt="G305光环" src="../../static/img/progress_bar.gif" ></span>
			</div>

			<div class="main">
				<div class="main_bar">
					激活成功！
				</div>
				<div class="main_sub">
					恭喜您<%=(String)request.getAttribute("username")%>激活成功！请点击这里去
					<div class="home"><a href="#">登录</a></div>
				</div>
			</div>

		<div class="footer_bar"></div>
		<div class="footer">
				<ul>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">招贤纳士</a></li>
					<li><a href="#">联系方式</a></li>
					<li><a href="#">版权声明</a></li>
					<li><a href="#">广告服务</a></li>
				</ul>
		</div>
	</div>

<!-- 导航栏 -->	
<script type="text/javascript">
	$(document).ready(function() {
		$(".banner .login").button();
		$(".banner .login").click(function(){
			var email=$(".banner .email").attr("value");
			var password=$(".banner .password").attr("value");
			if(email==null||email==""||password==null||password=="")
				return;
			var patten = new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/);
			var flag=patten.test(email);
			if(flag)
				window.location.href="/user/login_by_email.do";
			
		});
	});
</script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".main_sub .home").click(function(){
					window.location.href="/jsp/user/login.jsp";
		});
	});

	</script>

</body>
</html>